* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color:#000 }

body, ul, li, p {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei",Helvetica;
 }

body, html, .con {
  width: 100%;
  height: 100%;
  position: relative;

}
body{
  background: #f5f5f5;
}
em, i, b, a{
  font-style: normal;
}

li {
  list-style: none;
  display: block;
  font-style: normal;
 }

 .courselist{
   width: 1148px;
   margin:0 auto;
   height:1160px;
   .title{
     height: 355px;
     width: 1148px;
     box-shadow: -1px -3px 11px #d9d9d9;
     border:1px solid #d9d9d9;
     dl{
       padding: 13px;
       width: 1112px;
       height: 323px;
       dt{
         float: left;
         width: 504px;
         height: 323px;
         img{
         width: 504px;
         height: 323px;
         }
       }
       dd{
         float: right;
         width: 496px;
         height: 323px;
         position: relative;
         p{
           line-height: 14px;
         }
         .title_teache{
           margin-bottom: 43px;
         }
         .money{
           font-size:23px;
           color:#309d92;
           font-weight: bold;
         }
         button{
           width: 200px;
           height: 51px;
           background: none;
           border: none;
           background: #309d92;
           color:#fff;
           margin-top:51px;
           font-size: 20px;
         }
         h4{
           padding: 16px 0 48px 0;
           font-weight: bold;
         }
         h5{
            font-weight: bold;
            display: inline-block;
            span{
               color: #24272d;
            }
         }
         .share{
           position: absolute;
           right: 0;
           top:28px;
         }
       }
     }
   }
   .nav{
    padding:24px 0 24px 0px;
    li{
      float:left;
      width:80px;
    }

   }
}

.course_content{
  margin-top: 30px;
  width: 1148px;
  .course{
    width: 841px;
    box-shadow: -1px -3px 11px #d9d9d9;
    border:1px solid #d9d9d9;
    float: left;
  }
  .instructor{
    width: 271px;
    height: 193px;
    float: right;
    box-shadow: -1px -3px 11px #d9d9d9;
    border:1px solid #d9d9d9;
    .course_nav{
      height: 46px;
      line-height:46px;
      padding-left: 24px;

    }
    dl{
      width: 204px;
      height: 67px;
      margin: 25px;
    }
    dt{
      float: left;
      width: 64px;
      border-radius:30px;
      height: 68px;

    }
    dd{
      width: 123px;
      height:60px;
      float: right;
      h5{
        font-size: 18px;
      }
      p{
      font-size: 12px;
      color: #545559;
      margin-top:10px;
      }

    }
  img{
    width: 68px;
    height: 68px;
    border-radius:50%;
  }
  }
}

.course_nav{
  height: 46px;
  border-bottom:2px solid #cd8d8d8;
  line-height: 46px;
  li{
   float: left;
   color: #32ab9e;
   padding:  0 23px;
   a{
     color: #24272d;
     text-decoration: none;
     width: 110px;
     height:46px;
   }

 }
 .hover{

   border-bottom: 4px solid  #32ab9e;
 }

}

.course_list{
  margin: 32px;
  .course_list_list{
    ul{
      li{
        height:45px;
        line-height: 45px;
        a{
          color: #24272d;
        }
        span{
          float: right;
          a{
            color:#32ab9e;
            padding-left: 9px;
          }
        }
      }
    }
    div{
      height: 32px;
      h5{
        font-weight: bold;
        display: inline-block;
      }
      span{
        padding-left:15px;
        color: #24272d;
      }
    }
  }

}

.course_overview{
  margin: 32px;
  .course_overview_right_p1{
   margin:25px 0 25px 0;
   line-height:25px;

  }
  p{
    line-height:25px;

  }
}

.course_objectives{
  h5{
    height: 49px;
    line-height: 49px;
    font-weight:bold;
  }
  ul{
    li{
      height: 33px;
      line-height: 33px;

    }
  }
}
